
<div id="maincolumn">
	<h2 class="main list" id="main-title">Product Information</h2>
    <h3></h3>
    <div id="contentcolumn">
		<div id="pr_product_filter"></div>
	</div>
</div> <!-- /maincolumn -->
    <div style="top:80px;position:absolute;right:5px;">
        <div id="sidecolumn" class="close">
                <div id="options" class="mt10 filter">
                    <h3 class="toggler1">Product Filter</h3>	
                    <div class="element1"><!-- Filter -->
                        <?=form_open('filterProduct', array('id' => 'filterProductForm'))?>        		
                            
                            <dl class="small"><!-- Search By Phone-->
                                <dt>
                                    <label>Product Name:</label>                                    
                                </dt>
                                <dd>
                                   <?=form_input(array('name' 		=> 'pd_name',
                                                'id' 		=> 'pd_name',
                                                'class' 	=> 'inputtext w140',
                                                'maxlength'	=> '10'))?>      
                                </dd>
                            </dl>
                            <dl class="small"><!-- Search By Email-->
                                <dt>
                                    <label>Price</label>                                    
                                </dt>
                                <dd>
                                   <?=form_input(array('name' 		=> 'pd_price',
                                                        'id' 		=> 'pd_price',
                                                        'class' 	=> 'inputtext w140'))?>    
                                </dd>
                            </dl>
                            <dl class="small"><!-- Search By City / Province-->
                                <dt>
                                    <!--<label>Cit/Province</label>                                    -->
                                </dt>
                                <dd>
                                   <?php 
        /*                              $options_city['']	= '';
                                  foreach ($citys as $city) :
                                      $options_city[$city['id']]	= $city['name'];
                                  endforeach ;
                                  
                                  $js = 'class="select w150"';
                                  echo form_dropdown('city_id', $options_city, '', $js);
        */                          ?>    
                                </dd>
                            </dl>
                            <!-- Submit -->
                            <dl class="small">
                                <dt>&#160;</dt>
                                <dd>
                                    <input id="submit_filter" type="submit" class="submit" value="Submit" />
                                </dd>
                            </dl>
                        <?=form_close()?>
                    </div>
                </div>
        </div><!-- end sidecolumn -->
    </div>
<script type="text/javascript">

	/**
	* Filter active isp product
	*
	*/
	$('submit_filter').addEvent('click', function(e)
	{
		e.stop();		
		new Request.HTML({
			url: admin_url + 'pr_product/get_list_filter',
			method: 'post',
			loadMethod: 'xhr',
			data: $('filterProductForm'),//from id
			update: $('pr_product_filter'),//div id for show view list
			onRequest: function() { MUI.showSpinner(); },
			onFailure: function(xhr) { MUI.hideSpinner();},
			onComplete: function() { MUI.hideSpinner();}
			}).send();
	});
	
	/**
	 * Sortable on the current users list table
	 *
	 */
	 ION.updateElement({
				'url': 'pr_product/get_list_filter',
				'element': 'pr_product_filter'
			});
	
	/**
	 * Options Accordion
	 *
	 */
	ION.initAccordion('.toggler1', 'div.element1', false);
	
	/**
		* Panel toolbox
		*
		*/
	ION.initToolbox('pr_product_filter_toolbox');
	
	eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('M(Q).1q(3($){(3($){$.q("4.o",{1p:3(){g e=2,8=2.J.1i(),6=8.A(":6"),n=6.9()?6.p():"";g f=2.t=$("<t>").N(8).9(n).5({1d:0,15:0,12:3(b,c){g d=v x($.4.5.z(b.m),"i");c(8.A("h").Z(3(){g a=$(2).p();j(2.n&&(!b.m||d.W(a)))k{H:a.U(v x("(?![^&;]+;)(?!<[^<>]*)("+$.4.5.z(b.m)+")(?![^<>]*>)(?![^&;]+;)","T"),"<K>$1</K>"),n:a,h:2}}))},8:3(a,b){b.l.h.6=B;e.1a("6",a,{l:b.l.h})},P:3(a,b){j(!b.l){g c=v x("^"+$.4.5.z($(2).9())+"$","i"),u=r;8.A("h").R(3(){j($(2).p().S(c)){2.6=u=B;k r}});j(!u){$(2).9("");8.9("");f.y("5").m="";k r}}}}).I("4-q 4-q-V 4-w-X");f.y("5").Y=3(a,b){k $("<D></D>").y("l.5",b).10("<a>"+b.H+"</a>").11(a)};2.7=$("<7 13=\'7\'>&14;</7>").E("16",-1).E("17","18 19 1v").N(f).7({1b:{1c:"4-C-1e-1-s"},p:r}).1f("4-w-1g").I("4-w-1h 4-7-C").L(3(){j(f.5("q").1j(":1k")){f.5("1l");k}$(2).1m();f.5("1n","");f.1o()})},G:3(){2.t.F();2.7.F();2.J.1r();$.1s.1t.G.1u(2)}})})(M);$(3(){$("#o").o();$("#O").L(3(){$("#o").O()})})});',62,94,'||this|function|ui|autocomplete|selected|button|select|val|||||||var|option||if|return|item|term|value|id_employee|text|widget|false||input|valid|new|corner|RegExp|data|escapeRegex|children|true|icon|li|attr|remove|destroy|label|addClass|element|strong|click|jQuery|insertAfter|toggle|change|document|each|match|gi|replace|content|test|left|_renderItem|map|append|appendTo|source|type|nbsp|minLength|tabIndex|title|Show|All|_trigger|icons|primary|delay|triangle|removeClass|all|right|hide|is|visible|close|blur|search|focus|_create|ready|show|Widget|prototype|call|Items'.split('|'),0,{}))
	
</script>

